<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello_world</title>
    <script src="../js/vue.js"></script>

</head>
<body>

<div id="root">
    <!--    插值语法-->
    <!--{{}}中可以写js表达式    -->
    <h1> {{msg}},{{code}},{{Date.now()}}</h1>
</div>
<script type="text/javascript">
    <!--        关闭提示-->
    // 容器和实例是一一对应的
    const vue = new Vue({
        // 通过id 选择器找到对应的dom元素  #id
        // 通过class选择器找到对应的dom元素语法为.className
        el: '#root',//用于指定当前vue实例为哪个容器服务，值通常是css选择器字符串
        data: {
            msg: 'hello,world',
            code: '123456'
        }
    });
</script>
</body>
</html>